<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<!-- Mirrored from html.orange-idea.com/metric-full/bw/services.html by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 30 Nov 2011 03:09:44 GMT -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>METRIC - Premium HTML Template</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/colorpicker.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/superfish-menu/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish-menu/superfish.js"></script>
<script type="text/javascript" src="js/scrolltop/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/prettyPhoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.featureList-1.0.0.js"></script>
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<script type="text/javascript" src="js/easing/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.iconmenu.js"></script>
<script type="text/javascript" src="js/kwicks/jquery.kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="js/mosaic/mosaic.1.0.1.js"></script>
<script type="text/javascript" src="js/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.html"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<link href="css/colorpicker.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<script type="text/javascript">var runFancy = true;</script>
<!--[if IE]>
<script type="text/javascript">
    runFancy = false;
</script>
<![endif]-->
<script type="text/javascript" src="js/gs.js"></script>
<!--GOOGLE FONTS-->
<link href='../../../fonts.googleapis.com/cssf22c.css?family=Shanti' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css354c.css?family=Droid+Serif:400,400italic,700,700italic|Open+Sans:300,400,400italic,600' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css7cc9.css?family=Mako' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssb69f.css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/csse321.css?family=Play' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css024e.css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssa7dc.css?family=Pacifico' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css40b4.css?family=Crushed' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/csscc45.css?family=Puritan' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css5ba9.css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css3f04.css?family=Oswald' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssd43b.css?family=Anonymous+Pro' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css0500.css?family=Vollkorn' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/csseb81.css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css31f0.css?family=Nobile' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssc438.css?family=Molengo' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css0dbf.css?family=Allerta' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css4498.css?family=Metrophobic' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssf972.css?family=Francois+One' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css0c2c.css?family=Rokkitt' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css1f48.css?family=Didact+Gothic' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css3261.css?family=News+Cycle' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css2e71.css?family=Special+Elite' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/css9794.css?family=Kreon' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssdd49.css?family=Orbitron' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssedaa.css?family=Radley' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssa200.css?family=Bentham' rel='stylesheet' type='text/css' />
<link href='../../../fonts.googleapis.com/cssb77a.css?family=Josefin+Sans' rel='stylesheet' type='text/css' />
<!--/GOOGLE FONTS-->
<!-- DEMO ONLY -->
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/colorpicker-color.js"></script>
<script type="text/javascript" src="js/switcher/tabslide.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<!-- alternate css for colors -->
<script type="text/javascript" src="js/switcher/switchstylesheet1.js"></script>
<script type="text/javascript" src="js/switcher/switchstylesheet.js"></script>
</head>
<body>
	<!-- MAIN WRAPPER -->
	<div class="main-wrapper">
    	<!-- MAIN CONTAINER -->
    	<div class="container">
        	<!-- HEADER -->
        	<div class="span-6 notopmargin">
            	<a href="index.html"><img src="images/logo.png" title="Logo" alt="" /></a>
            </div>
            <div class="span-18 notopmargin last">
            	<ul class="sf-menu">
                    <li class="active"><a href="index.html">La Empresa</a></li>
                    <li><a href="#">Servicio I</a></li>
                    <li><a href="#">Servicio II</a></li>
                    <li><a href="#">Servicio III</a></li>
                    <li><a href="contact-us.html">Contacto</a></li>		
                </ul>
            </div>
            <div class="span-24 separator"></div>
            <!-- END HEADER -->
            <!-- WELCOME AREA -->
            <div class="span-24 slider-area-inner">
            	<h1 class="colored left">Our Services</h1>
                <p class="descr">: This is a custom page description. You can delete this block if you want.</p>
			</div>
            <div class="span-24 separator-inner"></div>
            <!-- END WELCOME AREA -->
            <!-- SUBPAGE CONTENT -->
            <div class="span-16">
            	<div class="item"><a href="images/slide-1-1.jpg" class="item-preview spec-border-ie" rel="prettyPhoto" title=""><img class="img-preview spec-border"  src="images/gallery/2-3col-4.jpg" alt=" "/></a></div>
                <h3>Some words about our services</h3>
                <p>Quaere allocutus ait regem ut sua etiam quantitas non solutionem invenisti. Venis potest flens ibidem quod eam. Venis potest flens ibidem quod eam in. Ambo una litus vita Apolloni codicellos iam custodio vocem magno dies tuum abscondere. Venis potest meum in lucem concitaverunt.</p>
                <div class="big-rounded-icon-white left margin15">
                    <div class="icon-white-big icon57-white"></div>
                </div>
                <p class=" small-italic">Here are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.</p>
            	<p class="nobottommargin">Here are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
                <div class="span-16 last">
                    <h4>Check our services with Really low prices</h4>
                    <p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks.</p>
                    <div class="span-8 notopmargin serv">
                        <div class="icon-white-big left icon95-white"></div>
                        <h5 class="left"><a href="index.html" class="service-tipsy north link" title='Web site from 199.99$'>Internet marketing</a></h5>
                        <p class="clear small-italic">Nam euismod auctor lectus in sodales. Fusce sed justo estarena. Ut dapib us adipiscing turpis.</p>
                    </div>
                    <div class="span-8 notopmargin serv last">
                        <div class="icon-white-big left icon58-white"></div>
                        <h5 class="left"><a href="index.html" class="service-tipsy north link" title='Some text'>Information protection</a></h5>
                        <p class="clear small-italic">Nam euismod auctor lectus in sodales. Fusce sed justo est. Ut dapib us adipiscing turpi.</p>
                    </div>
                    <div class="span-8 notopmargin serv">
                        <div class="icon-white-big left icon74-white"></div>
                        <h5 class="left"><a href="index.html" class="service-tipsy north link" title='Some subtitle'>Moving services</a></h5>
                        <p class="clear small-italic nobottommargin">Nam euismod auctor lectus in sodales. Fusce sed justo estarena. Ut dapib us adipiscing turpis.</p>
                    </div>
                    <div class="span-8 notopmargin serv last">
                        <div class="icon-white-big left icon181-white"></div>
                        <h5 class="left"><a href="index.html" class="service-tipsy north link" title='Some text'>Some service title</a></h5>
                        <p class="clear small-italic nobottommargin">Nam euismod auctor lectus in sodales. Fusce sed justo est. Ut dapib us adipiscing turpis.</p>
                    </div>
            	</div>
            	<div class="span-16 last">
                    <h4>Recent projects</h4>
					<p>Lorem ipsum dolor sit amet, tollite fit manibus individuationis omnibus civitas ad quia. Quaere allocutus ait regem. Venis potest flens ibidem quod eam in.</p>
                    <div class="span-8 notopmargin">
                        <div class="item"><a href="images/slide-1-1.jpg" class="item-preview spec-border-ie" rel="prettyPhoto" title=""><img class="img-preview spec-border"  src="images/gallery/3col-6.jpg" alt=" "/></a></div>
                        <h5><a class="link" href="portfolio-details.html">Some Project name</a></h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        <a class="button_readmore"  href="portfolio-details.html">Read more</a>
                    </div>
                    <div class="span-8 notopmargin last">
                        <div class="item"><a href="images/slide-1-1.jpg" class="item-preview spec-border-ie" rel="prettyPhoto" title=""><img class="img-preview spec-border"  src="images/gallery/3col-7.jpg" alt=" "/></a></div>
                        <h5><a class="link" href="portfolio-details.html">Some Project name</a></h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        <a class="button_readmore"  href="portfolio-details.html">Read more</a>
                    </div>
            	</div>
            </div>
            <div class="span-8 notopmargin last">
                <div class="span-8 last side-bar">
                    <h5>Search something?</h5>
                    <form action="#" method="get" id="search-form">
                        <input type="text" name="search" value="Search..." onfocus="if(this.value=='Search...') this.value=''" onblur="if(this.value=='') this.value='Search...'" />
                    </form>
                </div>
                <div class="span-8 last side-bar">
                    <h5>Template navigation</h5>
                    <ul class="navigation-sidebar">
                        <li><a href="about-us.html">About Us</a></li>
                        <li><a href="news.html">News Archive</a></li>
                        <li class="current"><a href="services.html">Our Services</a></li>
                        <li><a href="our-team.html">Our Team</a></li>
                        <li><a href="testimonials.html">Clients Testimonials</a></li>
                        <li><a href="jobs.html">Career and Job</a></li>
                        <li><a href="faq.html">F.A.Q</a></li>
                        <li><a href="404.html">404 Error</a></li>
                    </ul>
                </div>
                <div class="span-8 last side-bar">
                    <h5>Our Photostream</h5>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-1.jpg" alt="" /></a></div>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-2.jpg" alt="" /></a></div>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-3.jpg" alt="" /></a></div>
                    <div class="flickr item left last"><a class="" href="#"><img src="images/gallery/flickr-4.jpg" alt="" /></a></div>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-5.jpg" alt="" /></a></div>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-6.jpg" alt="" /></a></div>
                    <div class="flickr item left"><a class="" href="#"><img src="images/gallery/flickr-7.jpg" alt="" /></a></div>
                    <div class="flickr item left last"><a class="" href="#"><img src="images/gallery/flickr-8.jpg" alt="" /></a></div>
                </div>
                <div class="span-8 last side-bar">
                    <h5>Brochure Download</h5>
                        <div class="big-rounded-icon-white left margin15">
                            <div class="icon-white-big icon223-white"></div>
                        </div>
                    <h6><a class="link" href="#">Download our PDF Brochure</a></h6>
					<p class="notopmargin">Simply dummy text and little more</p>
                </div>
            </div>
            <!-- END SUBPAGE CONTENT -->
            <!-- FOOTER -->
                <div class="span-24 separator-double"></div>
                <!-- FOOTER -->
                <div class="span-24 footer">
                	<div class="span-6 notopmargin">
                    	<a href="index.html"><img src="images/logo.png" title="Logo" alt="" /></a>
                    </div>
                    <div class="span-6 notopmargin">
                    	<div class="icon-white-big icon47-white left"></div>
                    	<h6><a class="link">METRIC</a> corporation</h6>
                        <p class="small">Flexible and beautiful HTML template which could be suitable for all kinds of business.</p>
                        <p class="small em">It has modern and minimalist style. Powered by custom jquery scripts.</p>
                    </div>
                    <div class="span-6 tweets small notopmargin">
                    	<div class="icon-white-big icon101-white left"></div>
                    	<h6>Recent tweets</h6>
                        <p class="small"><a href="http://themeforest.net/item/soul-premium-html-template/515212?ref=OrangeIdea" class="link">SOUL - Premium HTML Template</a> already more than 100 sales! Common tet's do 200 sales!</p>
                    	<p class="small em">// <a href="http://twitter.com/#!/Orange_Idea_RU" class="link">28 minutes ago</a>. By <a href="http://themeforest.net/user/OrangeIdea/profile?ref=OrangeIdea" class="link">OrangeIdea</a></p>
                    </div>
                    <div class="span-6 notopmargin last">
                    	<div class="icon-white-big icon193-white left"></div>
                        <h6>Contact info</h6>
                        <p class="small">123456 Street Name, Los Angeles<br/> Phone: <span class="strong">(1800) 765-4321</span></p>
                   		<div class="tweet-icon">
                            <a href="index.html" class='social' title='Twitter'><img src="images/1px.png" alt="" width="26px" height="26px" /></a>
                        </div>
                        <div class="facebook-icon">
                            <a href="index.html" class='social' title='Facebook'><img src="images/1px.png" alt="" width="26px" height="26px" /></a>
                        </div>
                        <div class="google-icon">
                            <a href="index.html" class='social' title='Google +'><img src="images/1px.png" alt="" width="26px" height="26px" /></a>
                        </div>
                        <div class="vimeo-icon">
                            <a href="index.html" class='social' title='Vimeo'><img src="images/1px.png" alt="" width="26px" height="26px" /></a>
                        </div>
                        <div class="dribbble-icon">
                            <a href="index.html" class='social' title='Dribbble'><img src="images/1px.png" alt="" width="26px" height="26px" /></a>
                        </div>
                    </div>
                </div>
			</div>
		<div class="clear"></div>
    </div>
    <!-- END FOOTER -->
    <!-- END MAIN WRAPPER -->
	<!-- DEMO ONLY -->
    <div class="slide-out-div">
        <a class="handle" href="#">Content</a>
        <h3 class="clear"><span>COLORS:</span></h3>
        <div class="separator margin10"></div>
        <div class="margin10" id="colorpicker-body">BACKGROUND</div>
        <div class="separator margin10"></div>
        <div class="margin10" id="colorpicker-headers">HEADERS</div>
        <div class="separator margin10"></div>
        <div class="margin10" id="colorpicker-links">LINKS</div>
        <div class="separator margin10"></div>
        <div class="margin10" id="colorpicker-text">MAIN TEXT</div>
        <div class="separator margin10"></div>
        <div class="margin10" id="colorpicker">ICONS</div>
        <div class="separator margin10"></div>
        <div class="margin15">
            <h3 class="clear"><span>Headers:</span></h3>
            <select name="headings-font" id="headings-font">
            <option value="Allerta">Allerta</option>
            <option value="Josefin Sans">Josefin Sans</option>
            <option value="Molengo">Molengo</option>
            <option value="Special Elite">Special Elite</option>
            <option value="Nobile" selected='selected'>Nobile</option>
            <option value="Radley">Radley</option>
            <option value="Anonymous Pro">Anonymous Pro</option>
            <option value="Vollkorn">Vollkorn</option>
            <option value="Oswald">Oswald</option>
            <option value="Yanone Kaffeesatz" selected='selected'>Yanone Kaffeesatz</option>
            <option value="News Cycle">News Cycle</option>
            <option value="Kreon">Kreon</option>
            <option value="Bentham">Bentham</option>
            <option value="Orbitron">Orbitron</option>
            <option value="Puritan">Puritan</option>
            <option value="Terminal Dosis Light">Terminal Dosis Light</option>
            <option value="Crushed">Crushed</option>
            <option value="Pacifico">Pacifico</option>
            <option value="Francois One">Francois One</option>
            <option value="Play">Play</option>
            <option value="Shanti">Shanti</option>
            <option value="Metrophobic">Metrophobic</option>
            <option value="Rokkitt">Rokkitt</option>
            <option value="Mako">Mako</option>
            <option value="Didact Gothic">Didact Gothic</option>
            <option value="Ubuntu">Ubuntu</option>
            <option value="Arial">Arial</option>
            <option value="verdana">Verdana</option>
            <option value="Droid Sans">Droid Sans</option>
            <option value="Crimson Text">Crimson Text</option>
        </select>
        </div>
        <div class="margin15">
            <h3 class="clear"><span>Body:</span></h3>
            <select name="body-font" id="body-font">
            <option value="Allerta">Allerta</option>
            <option value="Josefin Sans">Josefin Sans</option>
            <option value="Molengo">Molengo</option>
            <option value="Special Elite">Special Elite</option>
            <option value="Nobile">Nobile</option>
            <option value="Radley">Radley</option>
            <option value="Anonymous Pro">Anonymous Pro</option>
            <option value="Vollkorn">Vollkorn</option>
            <option value="Oswald">Oswald</option>
            <option value="Yanone Kaffeesatz">Yanone Kaffeesatz</option>
            <option value="News Cycle">News Cycle</option>
            <option value="Kreon">Kreon</option>
            <option value="Bentham">Bentham</option>
            <option value="Orbitron">Orbitron</option>
            <option value="Puritan">Puritan</option>
            <option value="Terminal Dosis Light">Terminal Dosis Light</option>
            <option value="Crushed">Crushed</option>
            <option value="Pacifico">Pacifico</option>
            <option value="Francois One">Francois One</option>
            <option value="Play">Play</option>
            <option value="Shanti">Shanti</option>
            <option value="Metrophobic">Metrophobic</option>
            <option value="Rokkitt">Rokkitt</option>
            <option value="Mako">Mako</option>
            <option value="Didact Gothic">Didact Gothic</option>
            <option value="Ubuntu">Ubuntu</option>
            <option value="Arial" selected='selected'>Arial</option>
            <option value="verdana">Verdana</option>
            <option value="Droid Sans">Droid Sans</option>
            <option value="Crimson Text">Crimson Text</option>
        </select>
        </div>
        <div class="margin15">
            <h3 class="clear"><span>Patterns for light Background:</span></h3>
            <a rel="1w" class="pattern-box white" href="#"></a>
            <a rel="1" class="pattern-box" href="#"></a>
            <a rel="2w" class="pattern-box white" href="#"></a>
            <a rel="3w" class="pattern-box white" href="#"></a>
            <a rel="4w" class="pattern-box white" href="#"></a>
            <a rel="5w" class="pattern-box white" href="#"></a>
            <a rel="6w" class="pattern-box white" href="#"></a>
            <a rel="7w" class="pattern-box white" href="#"></a>
            <a rel="8w" class="pattern-box white" href="#"></a>
            <a rel="9w" class="pattern-box white" href="#"></a>
            <a rel="10w" class="pattern-box white" href="#"></a>
            <a rel="11w" class="pattern-box white" href="#"></a>
            <a rel="12w" class="pattern-box white" href="#"></a>
            <a rel="13w" class="pattern-box white" href="#"></a>
            <a rel="14w" class="pattern-box white" href="#"></a>
            <a rel="15w" class="pattern-box white" href="#"></a>
            <a rel="16w" class="pattern-box white" href="#"></a>
            <a rel="17w" class="pattern-box white" href="#"></a>
            <a rel="18w" class="pattern-box white" href="#"></a>
            <a rel="19w" class="pattern-box white" href="#"></a>
            <a rel="20w" class="pattern-box white" href="#"></a>
            <h3 class="clear"><span>Patterns for dark Background:</span></h3>
            <a rel="body-bg-2" class="pattern-box" href="#"></a>
            <a rel="2" class="pattern-box" href="#"></a>
            <a rel="3" class="pattern-box" href="#"></a>
            <a rel="4" class="pattern-box" href="#"></a>
            <a rel="5" class="pattern-box" href="#"></a>
            <a rel="6" class="pattern-box" href="#"></a>
            <a rel="7" class="pattern-box" href="#"></a>
            <a rel="8" class="pattern-box" href="#"></a>
            <a rel="9" class="pattern-box" href="#"></a>
            <a rel="10" class="pattern-box" href="#"></a>
            <a rel="11" class="pattern-box" href="#"></a>
            <a rel="12" class="pattern-box" href="#"></a>
            <a rel="13" class="pattern-box" href="#"></a>
            <a rel="14" class="pattern-box" href="#"></a>
            <a rel="15" class="pattern-box" href="#"></a>
            <a rel="16" class="pattern-box" href="#"></a>
            <a rel="17" class="pattern-box" href="#"></a>
            <a rel="18" class="pattern-box" href="#"></a>
            <a rel="19" class="pattern-box" href="#"></a>
            <a rel="20" class="pattern-box" href="#"></a>
            <a rel="grid1" class="pattern-box" href="#"></a>
            <a rel="grid2" class="pattern-box" href="#"></a>
            <a rel="horizontal-line1" class="pattern-box" href="#"></a>
            <a rel="horizontal-line2" class="pattern-box" href="#"></a>
            <a rel="vertical-line1" class="pattern-box" href="#"></a>
            <a rel="vertical-line2" class="pattern-box" href="#"></a>
            <a rel="vertical-line3" class="pattern-box" href="#"></a>
            <a rel="diagonal-line1" class="pattern-box" href="#"></a>
            <a rel="dot" class="pattern-box" href="#"></a>
            </div>
        <div class="clear"></div>
        <div class="separator margin10"></div>
        <div id="switcher-reset" class="margin15">RESET</div>
    </div>
    <div class="clear"></div>
</body>

<!-- Mirrored from html.orange-idea.com/metric-full/bw/services.html by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 30 Nov 2011 03:09:49 GMT -->
</html>